<script>
    $(function(){
        update_admin();
         $( "#formulaire" ).dialog({
            autoOpen: false,
            resizable: false,
            height:500,
            width:450,
            modal: true
         });
    });
    
    function update_admin(){
        $.getJSON('app/ajax/ajax_admins.php?action=liste', function(data) {
            $("#liste_admins").html("<thead>"
                +"<tr>"
                +"<td>ID</td>"
                +"<td>Nom</td>"
                +"<td>Prénom</td>"
                +"<td>Email</td>"
                +"<td>Login</td>"
                +"<td>Droit</td>"
                +"<td>Actions</td>"
                +"</tr>"
                +"</thead>"
            );
            $.each(data, function(i, item) {
                $("#liste_admins").append(
                    "<tr>"
                    +"<td>"+item.id+"</td>"
                    +"<td>"+item.nom+"</td>"
                    +"<td>"+item.prenom+"</td>"
                    +"<td>"+item.email+"</td>"
                    +"<td>"+item.login+"</td>"
                    +"<td>"+item.droit+"</td>"
                    +"<td><a class=\"btn\" onclick=\"modifier("+item.id+", '"+item.nom+"', '"+item.prenom+"', '"+item.email+"', '"+item.login+"', "+item.id_droit+")\">Modifier</a><a class=\"btn\" onclick=\"supprimer("+item.id+")\">Supprimer</a></td>"
                    +"</tr>"
                );
            });
            $('#liste_admins').dataTable({
                "bDestroy": true,
                "oLanguage": {
                    "sLengthMenu": "Voir _MENU_ résultats par page",
                    "sZeroRecords": "Aucun résultat trouvé - Désolé",
                    "sInfo": "_START_ - _END_ sur _TOTAL_",
                    "sInfoEmpty": "Showing 0 to 0 of 0 records",
                    "sInfoFiltered": "(filtered from _MAX_ total records)",
                    "oPaginate": {
                        "sFirst": "Premier",
                        "sLast": "Dernier",
                        "sNext": "Suivant",
                        "sPrevious": "Précedent"
                    },
                    "sSearch": "Rechercher"
                }
            });
        });
        setTimeout(update_admin, 10000);
    }
    
    function supprimer(id){
        var data = "action=supprimer&id="+id;
        ajax_admin(data);
    }
    
    function ajax_admin(data){
        $.ajax({
            type: 'GET',
            url: 'app/ajax/ajax_admins.php',
            data: data,
            success: function(result){
                $("#nom").val('');
                $("#prenom").val('');
                $("#email").val('');
                $("#login").val('');
                $("#id").val('');
                $("#formulaire").dialog('close');
            }
        });
    }
    
    function modifier(id, nom, prenom, email, login, id_droit){
        $("#id").val(id);
        $("#formulaire_name").html("Modifier un administrateur");
        $("#button").html("<a class=\"btn\" onclick=\"validate_modifier()\">Modifier</a>");
        $("#nom").val(nom);
        $("#prenom").val(prenom);
        $("#email").val(email);
        $("#login").val(login);
        $.getJSON('app/ajax/ajax_admins.php?action=liste_droit', function(data) {
            $("#droit").html("");
            $.each(data, function(i, item) {
                if(item.IdDroit==id_droit){
                    $("#droit").append("<option value=\""+item.IdDroit+"\" selected=\"selected\">"+item.Nom+"</option>");
                }
                else{
                    $("#droit").append("<option value=\""+item.IdDroit+"\">"+item.Nom+"</option>")
                }
            });
            $("#formulaire").dialog('open');
        });
    }
    
    function validate_modifier(){
        if($("#nom").val()==''||$("#prenom").val()==''||$("#login").val()==''||$("#email").val()==''||$("#droit").val()==''){
            alert("Merci de renseigner tous les champs obligatoires !")
            return;
        }
        var data = "action=modifier"+
            "&id_admin="+$("#id").val()+
            "&nom="+$("#nom").val()+
            "&prenom="+$("#prenom").val()+
            "&login="+$("#login").val()+
            "&email="+$("#email").val()+
            "&droit="+$("#droit").val();
        ajax_admin(data);
    }
    
    function ajouter(){
        if($("#nom").val()==''||$("#prenom").val()==''||$("#login").val()==''||$("#email").val()==''||$("#droit").val()==''){
            alert("Merci de renseigner tous les champs obligatoires !")
            return;
        }
        var data = "action=ajouter"+
            "&nom="+$("#nom").val()+
            "&prenom="+$("#prenom").val()+
            "&login="+$("#login").val()+
            "&email="+$("#email").val()+
            "&droit="+$("#droit").val();
        ajax_admin(data);
    }
    
    function view_ajouter(){
        $("#formulaire_name").html("Ajout un administrateur");
        $("#button").html("<a class=\"btn\" onclick=\"ajouter()\">Ajouter</a>");
        $.getJSON('app/ajax/ajax_admins.php?action=liste_droit', function(data) {
            $("#droit").html("");
            $.each(data, function(i, item) {
                $("#droit").append("<option value=\""+item.IdDroit+"\">"+item.Nom+"</option>")
            });
            $("#formulaire").dialog('open');
        });
    }
</script>
<div id="formulaire">
    <h3 id="formulaire_name"></h3>
    <input type="hidden" id="id">
    <label>Nom</label><input type="text" id="nom" maxlength="50">
    <label>Prénom</label><input type="text" id="prenom" maxlength="50">
    <label>Email</label><input type="text" id="email" maxlength="150">
    <label>Login</label><input type="text" id="login" maxlength="20">
    <label>Droit</label><select id="droit"></select>
    <br />
    <span id="button"></span>
</div>
<h1>Gestion des administrateurs</h1>
<div>
    <table style="width: 100%" id="liste_admins" class="flexme3">
    </table>
</div>
<br />
<a class="btn" onclick="view_ajouter()">Ajouter un administrateur</a>